<template>

	<div class="mainContent">
		<div class="bread-nav">
			<span class="bread-item">商品管理</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item">商品属性</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item activeNavs" @click="backStyleInfo">商品属性列表</span>
			<span class="bread-icon">&gt;</span>
			<span class="bread-item">参数列表</span>
		</div>
		<!--  -->
		<div class="detialsCont">
			<el-row>
				<div class="common-table-title">
					<div class="common-table-icon"></div>
					<div class="common-table-fl">参数列表</div>
				</div>
			</el-row>
			<ul class="dialog-cammon-ul msgUl">
				<li><span class="dialog-list-key">外观:</span><span class="dialog-list-value">{{Model.msgData.appearance}}</span></li>
				<li><span class="dialog-list-key">链长:</span><span class="dialog-list-value">{{Model.msgData.chainLength}}</span></li>
				<li><span class="dialog-list-key">圈口:</span><span class="dialog-list-value">{{Model.msgData.loopMouth}}</span></li>
				<li><span class="dialog-list-key">长度:</span><span class="dialog-list-value">{{Model.msgData.length}}</span></li>
				<li><span class="dialog-list-key">颜色:</span><span class="dialog-list-value">{{Model.msgData.colour}}</span></li>
				<li><span class="dialog-list-key">手寸:</span><span class="dialog-list-value">{{Model.msgData.handInch}}</span></li>
				<li><span class="dialog-list-key">镶口:</span><span class="dialog-list-value">{{Model.msgData.insert}}</span></li>
				<li><span class="dialog-list-key">直径:</span><span class="dialog-list-value">{{Model.msgData.diameter}}</span></li>
				<li><span class="dialog-list-key">净度:</span><span class="dialog-list-value">{{Model.msgData.cleanliness}}</span></li>
				<li><span class="dialog-list-key">切工:</span><span class="dialog-list-value">{{Model.msgData.cut}}</span></li>
				<li><span class="dialog-list-key">3EX/非3EX:</span><span class="dialog-list-value">{{Model.msgData.is3ex}}</span></li>
				<!-- <li><span class="dialog-list-key">分数:</span><span class="dialog-list-value">{{Model.msgData.fractionalSegment}}</span></li> -->
				<!-- <li><span class="dialog-list-key">形状:</span><span class="dialog-list-value">{{Model.msgData.shape}}</span></li> -->
				<!--  -->
				<li class="labelList">
					<span class="dialog-list-key">
						<p class="font">商品标签:</p>
					</span>
					<span class="dialog-list-value spl">
						<div class="labelItem" v-for="(list,index) in Model.listData" :key="index">
							<div class="labelTitle">
								<img src="../../../../../assets/img/icon_label.png" alt="">
								<p class="vel">{{list.name}}</p>
							</div>
							<div class="labelCheck">
								<span v-for="(item,idx) in list.systemTags" :key="idx" v-if="item.isSelected">{{item.name}}/</span>
							</div>
						</div>

					</span>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import Model from './model.js'
	import Controller from './controller.js'
	export default {
		name: 'msg',
		mixins: [Model, Controller],
		components: {

		},
		props: [
			''
		],
		created() {
			this.init();
		},
		mounted() {

		},
	}
</script>

<style scoped lang="less">
	@import "./index.less";
</style>
